0xD34F

withLatestFrom

UPD. https://stackblitz.com/edit/angular-govuo1

В качестве стейта будет объект, содержащий в себе значения всех счётчиков:

const initialState = {
  first: 0,
  second: 0,
};

Экшена достаточно и одного, помимо типа будет указываться имя счётчика:

class CounterAction implements Action {
  constructor(public type: ActionTypes, public payload: string) {}
}

Соответственно, в редьюсер передаём CounterAction, и обновляем указанный счётчик:

function counterReducer(state = initialState, action: CounterAction) {
  switch (action.type) {
    case ActionTypes.Increment:
      return {
        ...state,
        [action.payload]: state[action.payload] + 1,
      };
  ...

Далее, в компоненте покажем счётчики:

<div *ngFor="let item of count$ | async | keyvalue">
  <button (click)="increment(item.key)">Increment</button>
  <div>Current Count: {{ item.value }}</div>
  <button (click)="decrement(item.key)">Decrement</button>
  <button (click)="reset(item.key)">Reset Counter</button>
</div>

Ну и попросим их обновиться:

increment(key) {
  this.store.dispatch(new CounterAction(ActionTypes.Increment, key));
}
...

https://stackblitz.com/edit/angular-ms9wfw?file=sr...

в консоль выводится два значения, причём непонятно каким образом сформированные

Я вижу правильное выполнение так: <бла-бла-бла>

Вместо того, чтобы фантазировать, как оно там должно быть - следует читать документацию.

Открываем, читаем:

When all observables complete, emit the last emitted value from each.

Последнее значение из каждого. Ну и всё.

.mergeMap(() => this.httpClient.get('https://api.github.com/users'), (event, users) => ({ event, users }))

Я так понимаю, опять фантазируете вместо того, чтобы загуглить документацию. Чёрным по белому сказано же:

next transaction (subscription) cannot start until the previous completes

Хотите, чтобы было "независимо" - используйте merge вместо concat.