Angular 4 * ng Para agregar una fila div cada tercera columna

Estoy usando Angular 4 con elbulma css framework y me pregunto cómo puedo agregar una nueva fila (o clase de columnas) cada tercera columna.

La variable de índice que imprime 0,1,2 0,1,2 etc. fue cuando miraba unretazo cuando se usa bootstrap.

Noté algunos comentarios sobre tal vez pueda usar elsintaxis de plantilla pero eso tampoco funcionó.

<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>

Respuestas a la pregunta(1)

Su respuesta a la pregunta