Handlebars get first element that passes a condition

Question

Using handlebars, I want to get the first item in an array that matches a conditional statement.

Here is an example object:

var objects = {[
 "A": {
  "isRed": false,
  "name": "Yellow Circle"
 },
 "B": {
  "isRed": true,
  "name": "Red Square"
 },
 "C": {
  "isRed": true,
  "name": "Red Triangle"
 }]};

I want to do something sort of like this

{{#each objects}}
 {{#if this.isRed}}
  {{#if @first}} {{!-- Want the first item that matches the above conditional --}}
   {{this.name}}
  {{/if}
 {{/if}}
{{/each}}

Expected output:

Red Square

I believe that {{if @first}} won't work because it is looking at the second element in the array so it fails the condition.