Angular 4 * ngPara adicionar uma linha div a cada terceira coluna

Estou usando o Angular 4 com oframework css bulma e eu estou querendo saber como posso adicionar uma nova linha (ou classe de colunas) a cada terceira coluna.

A variável de índice que imprime 0,1,2 0,1,2 etc. foi quando eu olhava para umtrecho ao usar a inicialização.

Notei alguns comentários sobre talvez eu possa usar osintaxe do modelo mas também não funcionou.

<div class="columns">
    <div class="column is-one-third" *ngFor="let item of items | async; let index = index">
      <app-item-details [item]='item '></app-item-details>
      {{ index % 3 }}
    <div class="is-clearfix" *ngIf="index % 3 == 0"></div>
  </div>
</div>

questionAnswers(1)

yourAnswerToTheQuestion