Function that receives from another function an array coming from the backend via http request

Question

I have a function that I must pass to another function an id, which must perform a query in the backend and return me an array, I need to return to the initial function this listing, but when I give console.log(this.listaAtributos) i get undefined.

My main function:

getIdTipoVariacao(variacao: string, index: number) {

    this.listaAtributos = this.listaValoresAtributo(this.idTipoVariacao);
    console.log(this.listaAtributos);

}

My function responsible for searching the backend and returning a listing to the other function:

listaValoresAtributo(id: number):any {
    this.tipoProdutoService.listaValoresAtributo(id)
    .subscribe((res) => {

        return res.body.valores_atributos

        ,(err: HttpErrorResponse) => {

          if (err.status == 401) {
            this.authService.Logout();
          }

          return null
        }
      }
    )
  }

But I believe that the this.listaAtributos is not receiving the return of the request, because in my template I have a *ngFor which shows the contents of the variable this.listaAtributos and nothing is shown, and console.log() i get undefined.

@Edit:

I tried in the first function to subscribe to the second function observable return pro so:

    this.listaValoresAtributo(this.idTipoVariacao).subscribe((res) => {
      this.listaValoresAtributo = res;
    })

In the second function:

 listaValoresAtributo(id: number): Observable<any>{
 this.tipoProdutoService.listaValoresAtributo(id)
      .subscribe((res) => {

        return res.body.valores_atributos

        ...

But I get:

A Function Whose declared type is neither 'void' nor 'any' must Return a value.