No todavía no hay un método para ngFor usando números en lugar de colecciones, Por el momento, *ngFor solo acepta una colección como parámetro, pero puede hacer esto mediante los siguientes métodos:

Usando tubería

Pipe.ts

import {Pipe, PipeTransform} from 'angular2/core';

@Pipe({name: 'demoNumber'})
export class DemoNumber implements PipeTransform {
  transform(value, args:string[]) : any {
    let res = [];
    for (let i = 0; i < value; i++) {
        res.push(i);
      }
      return res;
  }
}


<ul>
  <li>Method First Using PIPE</li>
  <li *ngFor='#key of 5 | demoNumber'>
    {{key}}
  </li>
</ul>

Usando matriz numérica directamente en HTML (View)

<ul>
  <li>Method Second</li>
  <li *ngFor='#key of  [1,2]'>
    {{key}}
  </li>
</ul>

Usando el método de división

<ul>
  <li>Method Third</li>
  <li *ngFor='#loop2 of "0123".split("")'>{{loop2}}</li>
</ul>

Usando la creación de una nueva matriz en el componente

<ul>
  <li>Method Fourth</li>
  <li *ngFor='#loop3 of counter(5) ;#i= index'>{{i}}</li>
</ul>

export class AppComponent {
  demoNumber = 5 ;

  counter = Array;

  numberReturn(length){
    return new Array(length);
  }
}

Demo de trabajo

No podía soportar la idea de asignar una matriz para la repetición simple de componentes, así que he escrito una directiva estructural. En la forma más simple, eso no hace que el índice esté disponible para la plantilla, se ve así:

import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';

@Directive({ selector: '[biRepeat]' })
export class RepeatDirective {

  constructor( private templateRef: TemplateRef<any>,
             private viewContainer: ViewContainerRef) { }

  @Input('biRepeat') set count(c:number) {
    this.viewContainer.clear();
    for(var i=0;i<c;i++) {
      this.viewContainer.createEmbeddedView(this.templateRef);
    }
  }
}

Http://plnkr.co/edit/bzoNuL7w5Ub0H5MdYyFR?p=preview

Puedes usar lodash:

@Component({
  selector: 'board',
  template: `
<div *ngFor="let i of range">
{{i}}
</div>
`,
  styleUrls: ['./board.component.css']
})
export class AppComponent implements OnInit {
  range = _.range(8);
}

No probé el código, pero debería funcionar.

Lo resolví así usando Angular 5.2.6 y TypeScript 2.6.2:

class Range implements Iterable<number> {
    constructor(
        public readonly low: number,
        public readonly high: number,
        public readonly step: number = 1
    ) {
    }

    *[Symbol.iterator]() {
        for (let x = this.low; x <= this.high; x += this.step) {
            yield x;
        }
    }
}

function range(low: number, high: number) {
    return new Range(low, high);
}

Se puede usar en un componente como este:

@Component({
    template: `<div *ngFor="let i of r">{{ i }}</div>`
})
class RangeTestComponent {
    public r = range(10, 20);
}

Comprobación de errores y aserciones omitidas a propósito de brevedad (por ejemplo, lo que sucede si el paso es negativo).

Por favor, encuentre adjunta mi solución dinámica si desea aumentar el tamaño de una matriz dinámicamente después de hacer clic en un botón (Así es como llegué a esta pregunta).

Asignación de las variables necesarias:

  array = [1];
  arraySize: number;

Declare la función que añade un elemento al array:

increaseArrayElement() {
   this.arraySize = this.array[this.array.length - 1 ];
   this.arraySize += 1;
   this.array.push(this.arraySize);
   console.log(this.arraySize);
}

Invoca la función en html

  <button md-button (click)="increaseArrayElement()" >
      Add element to array
  </button>

Iterar a través de matriz con ngFor:

<div *ngFor="let i of array" >
  iterateThroughArray: {{ i }}
</div>

Una manera más simple que he probado

También puede crear una matriz en su archivo de componentes y puede llamarla con la directiva *ngFor regresando como una matriz .

Algo como esto ....

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-morning',
  templateUrl: './morning.component.html',
  styleUrls: ['./morning.component.css']
})
export class MorningComponent implements OnInit {

  arr = [];
  i: number = 0;
  arra() {
    for (this.i = 0; this.i < 20; this.i++) {
      this.arr[this.i]=this.i;
    }
    return this.arr;
  }

  constructor() { }

  ngOnInit() {
  }

}

Y esta función se puede utilizar en su archivo de plantilla html

<p *ngFor="let a of arra(); let i= index">
value:{{a}} position:{{i}}
</p>