Dado que utilizas Boostrap, este se basa en un Grid de hasta 12 columnas, por lo tanto puedes dividir tus items en cada columna, de 1 a 12 unidades de ancho. Si cada item ocupa 1 unidad, se verán 12 items por fila, si un item ocupa 12 unidades, sera el único en la fila.
Pequeño ejemplo explicativo:
.col-8{
background-color: yellow;
}
.col-4{
background-color: green;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<div class="row">
<div class="col-8">col-8</div>
<div class="col-4">col-4</div>
</div>
<div class="row">
<div class="col-4">1er columna</div>
<div class="col-4">2da columna</div>
<div class="col-4">3ra columna</div>
</div>
Como podrías hacer lo que deseas:
<div class = "row">
<div class = "col-4" *ngFor= "let item of items">
//Mostraría 3 items por fila
<p>{{item.name}}</p>
</div>
</div>
<div class = "row">
<div class = "col-3" *ngFor= "let item of items">
//Mostraría 4 items por fila
<p>{{item.name}}</p>
</div>
</div>
Como viste anteriormente puedes modificar el tamaño de la columna y
mostrar tantos items como te sea posible.