Angular Material Stepper 'Paginate'

I have many steps in my stepper, so i want to divide it in two parts, i.e.

When users goes inside wizard, the stepper header shows only 1--2--3--4, then, when step 4 is finished, and the user goes into step 5, the header shows 5--6--7--8, and so on for next steps.

Do you know any way to do this?

Thanks in advance.

Edit:

I tried using *ngIf to hide/unhide steps, but it does remove those steps from the stepper array, so entered information losts when step hides.

Here is my *ngIf approach: https://stackblitz.com/edit/angular-material2-beta-kknvx9

Also, tried a similar approach with [hidden], but it does not work at all.

from Angular Material Stepper 'Paginate'